define(function(require, exports, module) {
  'use strict';

  var PersonalView = Backbone.View.extend({
    el: $('#mob-container'),
    initialize: function() {
      this.render();
    },
    render: function() {
      console.log('[DEBUG] Rendering Personal Page.');
      var h = [];
      h.push('<div class="mob-setting-container">');

      h.push('<ul>');
      h.push('<li class="mob-personal-list-avatar">');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">头像</div><div class="mob-personal-text-right mob-personal-avatar"></div></div>');
      h.push('</li>');
      h.push('</ul>');

      h.push('<ul>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">用户名</div><div class="mob-personal-text-right"><span>18918912786</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-personal-list"><div class="mob-personal-list-label">用户等级</div><div class="mob-personal-text-right"><span>会员用户</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-personal-list"><div class="mob-personal-list-label">服务期限</div><div class="mob-personal-text-right"><span>2015-11-30</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-personal-list"><div class="mob-personal-list-label">用户类型</div><div class="mob-personal-text-right"><span>车队</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">真实姓名</div><div class="mob-personal-text-right"><span>李勇</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">身份证号</div><div class="mob-personal-text-right"><span>352427199001015656</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-personal-list"><div class="mob-personal-list-label">所在城市</div><div class="mob-personal-text-right"><span>上海</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">公司名称</div><div class="mob-personal-text-right"><span>集拼物流</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">详细地址</div><div class="mob-personal-text-right"><span>北京市海淀区</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">联系方式1</div><div class="mob-personal-text-right"><span>18918912786</span></div></div>');
      h.push('</li>');
      h.push('<li>');
      h.push('<div class="mob-setting-list mob-setting-more mob-personal-list"><div class="mob-personal-list-label">联系方式2</div><div class="mob-personal-text-right"><span>18918912786</span></div></div>');
      h.push('</li>');
      h.push('</ul>');

      h.push('<div class="mob-btn-container">');
      h.push('<div class="mob-btn mob-btn-submit">提交</div>');
      h.push('</div>');

      h.push('</div>');
      this.$el.append(h.join(''));
    }
  });

  return PersonalView;
});
